<!doctype html>
<html>

<head>
    <meta name="viewport" id="viewport"
          content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="format-detection" content="telephone=yes"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta charset="utf-8">
    <title>浙江瑞昇环境工程有限公司</title>
    <link rel="stylesheet" type="text/css" href="/css/mobile/reset.css">
    <link rel="stylesheet" type="text/css" href="/css/mobile/nav.css">
    <link rel="stylesheet" type="text/css" href="/css/mobile/thems.css">
    <link rel="stylesheet" type="text/css" href="/css/swiper.min.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/nav.js"></script>
    <script src="/js/swiper.min.js"></script>
    <style>
        header {
            z-index: 2;
        }
    </style>
    @yield('style')
</head>

<body>
<header>
    <h1>瑞昇环境</h1>
    <div class="nav_tubiao">
        <span id="pagenav" class="fl text_l">
            <a href="javascript:;">
                <img src="{{url('/images/tubiao1.png')}}" style="width: 2rem;"/>
            </a>
        </span>
        <span class="fr">
            <a href="{{url('/mobile')}}"><img src="{{url('/images/tubiao.png')}}"/>
            </a>
        </span>
    </div>
</header>
<div class="app_banner">
    <img src="{{url('images/banner.jpg')}}"/>
</div>
@yield('content')

        <!--背景-->
<div class="pop-wrap" id="pop_back" style="z-index: 3;display: none;"></div>
<div id="pagenav_pop" class="moveFromLeft"
     style="display:none;position:fixed; overflow-y: scroll; width: 75%;height:100%;top:0;background: #FFFFFF;z-index: 10;">
    <div class="nav_top">
        <h1>瑞昇环境</h1>
    </div>
    <div class="nav_content">
        <ul>
            @foreach($navs as $key=>$nav)
                <li>
                    @if([] == $nav['data'])
                        <a href='{{url('/mobile/'.$key)}}'>{{$nav['name']}}</a>
                    @else
                        <div>{{$nav['name']}} <label>&raquo;</label></div>
                        <ul class="secondmenu">
                            @foreach($nav['data'] as $item)
                                <li><a href='{{url('/mobile/'.$key.'/'.$item->id)}}'>{{$item->name}}</a></li>
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endforeach
        </ul>
    </div>
</div>
</body>

<script type="text/javascript">
    $(function () {
        $("#pagenav").on("click", function () {
            $("#pop_back").show();
            $("#pagenav_pop").show();
            setTimeout(function () {
                $("#pagenav_pop").addClass("moveFromLeft-moved");
            }, 200);
            $(body).css({
                "overflow": "hidden"
            });
        });
        $("#pop_back").on("click", function () {
            $("#pagenav_pop").removeClass("moveFromLeft-moved");
            setTimeout(function () {
                $("#pagenav_pop").hide();
                $("#pop_back").hide();
            }, 200);
        });
        $(".nav_content ul>li>div").on("click", function () {
            if ($(this).next().is(":hidden")) {
                $(this).find("label").html("&laquo;");
            } else {
                $(this).find("label").html("&raquo;");
            }
            $(this).next().toggle(500);
        })
    })
</script>
@yield('js')
</html>